[#-- freemarker page demo --]
<style type="text/css">
	.page-table {
		margin: 0;
		padding: 0;
		font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,'New York', serif;
		text-align: center;
		width:97%;
		font-size:13px;
	}
	
	.page-td {
	 	float: left;
	}
	
	.page-td-p {
		background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #DCDDDD;
	    color: #1E50A2;
	    display: inline-table;
	    margin: 5px 3px 0 0;
	    padding: 4px 5px 0;
	    text-align: center;
	    /*垂直居中*/
	    height: 16px;
	    line-height: 16px;
	    /*去掉下划线*/
	   text-decoration: none;
	}
	
	.page-td a:hover {
		background: none repeat scroll 0 0 #1F3A87;
	    /*border: 1px solid #DCDDDD;*/
	    border: 1px solid #1F3A87;
	    color: #FFFFFF;
	    /*font-weight: bold;*/
	    text-align: center;
	    text-decoration: underline;
	}
	
	.page-selected {
		background: none repeat scroll 0 0 #1F3A87;
	    border: 1px solid #DCDDDD;
	    color: #FFFFFF;
	    font-weight: bold;
	    text-align: center;
	}
	
	.page-disable {
		cursor: default;
	}
</style>

 [#assign x=page.getTotalPage() /]
 [#assign y=page.getCurrentPage() /]
<table class="page-table" align="center" id=${pageId}>
	<tr>
		<td class="page-td">
			[#if page.isFirst() ]
				<span class="page-td-p page-disable">[#--上一页--]${page.getText("page.previous")}</span>
			[#else]
				<a class="page-td-p" href="${page.getPageUrl(y-1)}">${page.getText("page.previous")}</a>
			[/#if]
			 [#list 1..x as i]
			 	[#if i == y]
			 		<span class="page-td-p page-selected">${i}</span>
			 	[#else]
			 		<a class="page-td-p" href="${page.getPageUrl(i)}">${i}</a>
			 	[/#if]
			 [/#list]
			 [#if page.isLast() ]
			 	<span class="page-td-p page-disable">${page.getText("page.next")}</span>
			 [#else]
			 	<a class="page-td-p" class="s1" href="${page.getPageUrl(y+1)}">[#--下一页--]${page.getText("page.next")}</a>
			 [/#if]
			 [#--<a style="width:100px;" class="s1" target="_self" href="">在本页阅读全文</a>--]
			 <span class="page-td-p page-disable">共${x}页</span>
			<div class="clear"></div>
		</td>
	</tr>
</table>